/** UNIVERSAL CLASSES **/
  h1,
  h2,
  h3,
  p,
  .home-hero-title p,
  .home-forinuit p, .goals-box h3,
  .blue-activity-types .goals-box p,
  .fa-brands, .whatyouthink p i::before,
	.involved-txt h2, .involved-txt h3{
    color: var(--black);
  }

.contactHeader{
	color:var(--black);
}

  .orange-hr {
    width: 200px;
    margin: 8px 0 20px;
    border: 2px solid var(--orange);
  }

  .long-box,
  .three-plan .svg-holder {
    border: 2px solid var(--orange);
    background: var(--orange10);
  }

.long-box h2{
	max-width: calc(100% - 230px);
}

.invest-long-box h2{
	max-width: 70%;
}



.capacity-longbox h2{
	max-width: calc(100% - 295px);
}

  /* hero section */
  .home-hero h1 {
    z-index: 8;
    position: relative;
  }

  .hero-logo {
    max-height: 100px;
  }

  .home-hero-title {
    z-index: 8;
    position: relative;
  }

  .hero-graphic {
    position: absolute;
    max-height: 100%;
    max-width: 50%;
    right: 0;
    bottom: 0px;
    z-index: 6;
  }

	.child-hero.mobile-herobig {
		min-height: 500px;
	}

  /* tab navigation section */
  .home-transform {
    color: var(--black);
    background: var(--white);
  }

	:lang(iu-CA) .funnel-box h3 {
		font-size: 16px;
	}

  .funnel-box:hover,
  .funnel-box.current-item {
    background: var(--orange);
    border: 1px solid var(--orange);
  }

  /* nihap action boxes */
  .nihap-actions {
    background: var(--orange10);
  }

  .nihap-action {
    background: var(--orange20);
    border: 1px solid var(--orange);
    align-items: center;
  }

  .nihap-action p {
    width: 100%;
  }

  /* blue to teal section */
  .blue-section {
    background: var(--teal);
  }

  .blue-section.nihap-capac .website-grid {
    max-width: 625px;
  }

  .chart.blue-section {
    height: auto!important;
    background: linear-gradient(to bottom, var(--teal) 450px, var(--white) 100px);
    padding: 80px 0;
  }

  /* goals boxes */
  .goals-box .col-13 {
	  box-sizing: border-box;
    background: var(--orange10);
    border-right: 2px solid var(--orange);
  }

  .goals-box {
    border: 2px solid var(--orange);
  }

  /* form buttons */
  #gform_submit_button_6,
  #gform_submit_button_7 {
    background: var(--teal);
  }

  #gform_submit_button_6:hover,
  #gform_submit_button_7:hover {
    background: var(--darkteal);
  }

  /* homepage */
  .homecontent-row img {
    max-height: 325px;
  }

  .home-report {
    background: var(--orange10);
  }

  .get-involved {
    background: var(--orange);
  }

  .home-report p {
    font-weight: 700;
  }

  .home-report p.small-text {
    font-weight: 500;
  }

  /* what does the NIHAP do page */
  .nihap-does .col-span-2 {
    grid-column: span 2;
  }

  .nihap-does .col-span-4 {
    grid-column: span 4;
  }

  .nihap-does.nihap-flex-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

	.nihap-does .nihap-action {
		background: var(--orange20);
		border: 1px solid var(--orange);
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
	}

  .what-do-blue {
    background-color: var(--teal);
    padding: 60px 0px;
  }

  .what-do-blue .big-number {
    color: var(--white);
  }

  .whatdo-row {
    margin: 0px 0 60px;
  }

  .what-do-blue .action-list-content p {
    color: var(--white);
  }

  .what-do-blue .action-list {
    margin-bottom: 0;
    display: flex;
    width: 100%;
  }

  .what-do-blue .action-list-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 50px;
  }

  .what-do-blue .website-grid {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
  }

  .action-title .research-title {
    display: flex;
    height: 100%;
    align-items: center;
  }

  .research-action {
    height: fit-content;
    align-items: center;
  }

  /* action: construction page */
  .construction-action-img {
    vertical-align: bottom;
    height: 100%;
  }

  .construction-action-img img{
    max-width: 100%;
  }

  .action-three {
    display: flex;
    align-items: center;
  }

  .blue-activity-types .goals-box p {
    color: var(--black);
  }

  .constructionChart {
    background: linear-gradient(to bottom, var(--teal) 950px, var(--white) 100px) !important;
  }

  /* get involved page */
  .grid-involved-form-sect { 
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
  }

  .grey-section {
    background-color: var(--orange20);
    color: var(--black);
  }

  .grey-section p {
    color: var(--black) !important;
  }

  .home-report-get-involved {
    background-color: var(--orange20);
  }

 @media only screen and (max-width: 1150px) {
	:lang(iu-CA) .funnel-box h3 {
			font-size: 13px!important;
		 }
	}

  @media only screen and (max-width: 1040px) {
    .three-plan {
      padding: 0 0px;
    }

    /* action: capacity page */
    :lang(iu-CA) .nihap-capac .goals-box {
      display: block;
    }

    :lang(iu-CA) .nihap-capac .goals-box .col-13 {
      width: 100%;
      border: none;
    }

    :lang(iu-CA) .nihap-capac .goals-box .col-23 {
      width: 100%;
    }
  }

  @media only screen and (max-width:1024px){
    /* get involved page */
    .home-forinuit get-involved-form-sect {
      padding-top: 120px;
    }

    :lang(iu-CA).home-hero-title p {
      width: 65%;
    }
  }

  @media only screen and (max-width: 1000px){
	  .mobile-herobig {
		  min-height: 500px;
	  }
	  
    /* action: construction page */
    .nihap-does.flex-2-inuk {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
    }
  }


@media only screen and (max-width: 849px){
	.capacity-longbox h2{
	max-width: calc(100% - 210px);
   }
}

  @media only screen and (max-width: 800px){
    /* what does the NIHAP do page */
   .inuk-action-list{
      flex-direction: column;
      align-items: flex-start;
    }

}

@media only screen and (max-width: 799px) {
    .long-box h2 {
		max-width: calc(100% - 170px);		
	}
	
	.partnership-longbox svg{
		width: 80px;
	}
}

  @media only screen and (max-width: 768px) {
    /* page heros */
    :lang(iu-CA) .hero-graphic {
      max-width: 36%;
    }
  }

  @media only screen and (max-width: 700px) {
    /* what does the NIHAP do page */
    .nihap-does.nihap-flex-2 {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(7, auto);
    }

    .what-do-blue .action-list-grid {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto auto;
      column-gap: 0px;
      row-gap: 20px;
      justify-content: center;
    }

    .what-do-blue .action-list,
    .what-do-blue .action-list-content {
      max-width: 100%;
    }

    .nihap-does .col-span-2,
    .nihap-does .col-span-4 {
      grid-column: span 1;
    }

    /* get involved page */
    .grid-involved-form-sect{
      padding-bottom: 0;
      flex-direction: column;
    }
  }

  @media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper textarea.small{
      height: max-content;
    }
  }

  @media only screen and (max-width: 570px) {
    /* page heros */
    :lang(iu-CA) .child-hero {
      height: auto;
      min-height: 400px;
    }

    .hero-graphic {
      max-width: 50%;
    }

    .goals-box .col-13 {
      border-right: none;
    }

    .long-box h2 {
      font-size: 15px;
      padding: 20px 0px;
	  max-width: 100%;		
	
    }
	 .partnership-longbox svg{
		width: 120px;
	}

    .chart.blue-section {
      background: linear-gradient(to bottom, var(--teal) 675px, var(--white) 100px);
    }

    /* action: capacity page */
    :lang(iu-CA) .nihap-capac .goals-box .col-13 {
      border: none;
    }

    :lang(iu-CA) .nihap-capac .goals-box h3 {
      font-size: 20px;
    }

    /*action: construction page */
    .constructionChart {
      background: linear-gradient(to bottom, var(--teal) 1800px, var(--white) 100px) !important;
    }

  }

  @media only screen and (max-width: 450px) {
    h2, h3, .nihap-actions h3, .blue-section h3 {
      font-size: 26px;
    }
	  
	  .mobile-smaller {
		  font-size: 21px;
	  }

    .mobile-break {
      display: block;
    }
  }

  @media only screen and (max-width: 400px) {
    html[lang=iu-CA] .funnel-box {
      max-width: 100%;
    }
  }